<ion-view class="shop-wrapper" set-dom>
    <ion-header-bar align-title="left" class="com-header bg-f7 border-1px-ccc">
        <div class="buttons">
            <button ng-click="back()" class="button fs-0"><i class="icon ion-ios-arrow-back color-333 fs-18"></i>
            </button>
        </div>
        <h1 class="title color-333">店铺名字啊店铺名字啊店铺名字啊店铺名字啊店铺名字啊</h1>
        <div class="buttons">
            <button ng-click="toggleCollect()" class="button fs-0"><i class="icon fs-16 color-red"
                                                                      ng-class="{true:'ion-ios-heart',false:'ion-ios-heart-outline'}[shopDetail.isCollect]"></i>
            </button>
            <button ng-click="share()" class="button fs-0"><i class="icon fs-16 ion-share color-base"></i></button>
        </div>
    </ion-header-bar>
    <ion-content class="bg-f7" overflow-scroll="false" scrollbar-y="false" has-bouncing="false">
        <!--图片-->
        <div class="img-cont fs-0">
            <img src="./asset/car_customer/images/data/shop1.jpg" class="img">
            <div class="mask pad-side-15 clearfix">
                <div class="fl color-white fs-12">营业时间：9:00-21:20</div>
                <div class="fr color-white fs-12">休息中</div>
            </div>
        </div>
        <!--名字 评分-->
        <div class="detail-cont bg-white fs-0">
            <div class="top border-1px-ccc">
                <h2 class="title fs-14 color-333 txt-line-1">店铺名字啊店铺名字啊店铺名字啊店铺名字啊店铺名字啊</h2>
                <div class="star">
                    <span><i class="icon ion-ios-star"></i></span>
                    <span><i class="icon ion-ios-star"></i></span>
                    <span><i class="icon ion-ios-star"></i></span>
                    <span><i class="icon ion-ios-star-half"></i></span>
                    <span class="fs-12 color-666 txt">4.2分</span>
                </div>
                <div class="focus">
                    <button ng-show="!shopDetail.isFocus" ng-click="focusShop()" class="my-btn fs-0 color-base">
                        <i class="icon ion-plus fs-16 ver-top"></i>
                        <span class="fs-12 ver-top txt">关注</span>
                    </button>
                    <div ng-show="shopDetail.isFocus"  ng-click="showActionSheet()" class="my-btn-default color-base fs-12">已关注</div>
                </div>
            </div>
            <div class="bottom color-999 clearfix">
                <i class="icon ion-ios-location fs-16"></i>
                <span class="fs-12 addr">1.5km 春风城重庆市渝北区龙山三路16号春风城春风城重庆市渝北区龙山三路16号春风城</span>
                <i class="icon ion-ios-arrow-forward fs-16"></i>
            </div>
        </div>
        <!--服务展示 服务评价-->
        <com-tab tabs="tabs" click="switchTab" active="isActive"></com-tab>
       <!-- <div class="weui-flex my-tabs">
            <div ng-click="setItem(1)" class="weui-flex__item fs-0 my-item-wrapper"
                 ng-class="{true: 'active'}[isItem(1)]">
                <div class="my-item fs-14">服务展示</div>
            </div>
            <div ng-click="setItem(2)" class="weui-flex__item fs-0 my-item-wrapper"
                 ng-class="{true: 'active'}[isItem(2)]">
                <div class="my-item fs-14">服务评价</div>
            </div>
        </div>-->
        <!--服务展示-->
        <div ng-show="isActive('服务展示')" class="my-tabs-cont my-tabs-service">
            <div ng-if="false" class="text-center color-999 fs-14 mar-t-30">暂未更新服务信息</div>
            <div ng-if="true">
                <div class="my-item bg-white border-1px-f5">
                    <h2 ui-sref="shop.service" class="color-333 fs-14 title txt-line-1">项目名字哦项目名字哦项目名字哦项目名字哦项目名字哦项目名字哦项目名字哦项目名字哦</h2>
                    <p ui-sref="shop.service"  class="color-999 fs-12 detail txt-line-2">项目介绍撒项目介绍撒项目介绍撒项目介绍撒项目介绍撒项目介绍撒项目介绍撒项目介绍撒项目介绍撒项目介绍撒项目介绍撒项目介绍撒</p>
                    <div class="msg mar-t-10 clearfix">
                        <div class="fl money"><span class="fs-16 txt">￥60</span>&nbsp;<del class="fs-12 color-ccc">￥20
                        </del>
                        </div>
                        <div class="fr">
                            <button ui-sref="shop.buy" class="button button-positive">购买</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--服务评价-->
        <div ng-show="isActive('服务评价')" class="my-tabs-cont my-tabs-comment">
            <div ng-if="false" class="text-center color-999 fs-14 mar-t-30">暂无用户评价</div>
            <div ng-if="true">
                <div class="bg-white clearfix border-1px-ccc pad-side-15 star-wrapper">
                    <div class="star ver-top fl">
                        <span><i class="icon ion-ios-star"></i></span>
                        <span><i class="icon ion-ios-star"></i></span>
                        <span><i class="icon ion-ios-star"></i></span>
                        <span><i class="icon ion-ios-star-half"></i></span>
                        <span class="fs-12 color-666 color-star">4.2分</span>
                    </div>
                    <div class="fs-12 color-333 ver-top fl">高于99%的同行</div>
                    <div class="fs-12 color-666 ver-top fr">123条评价</div>
                </div>
                <div class="weui-flex my-item bg-white border-1px-f5">
                    <div class="fs-12 color-ccc time">9月14日</div>
                    <div class="avatar">
                        <img src="./asset/car_customer/images/icon/i_avatar_default.png" alt="头像" class="img">
                    </div>
                    <div class="weui-flex__item detail">
                        <h2 class="fs-14 color-333 txt-line-1">名字撒</h2>
                        <div>
                            <span class="color-999 fs-12">打分</span>
                            <div class="star ver-top inline-block">
                                <span><i class="icon ion-ios-star"></i></span>
                                <span><i class="icon ion-ios-star"></i></span>
                                <span><i class="icon ion-ios-star"></i></span>
                                <span><i class="icon ion-ios-star-half"></i></span>
                                <span class="fs-12 color-666 color-star">4.2分</span>
                            </div>
                        </div>
                        <p class="fs-14 color-333 txt">服务很好，车洗的很干净。不错的洗车选择！下次还来这里。</p>
                        <ul class="img-list">
                            <li class="my-list">
                                <img src="./asset/car_customer/images/data/shop1.jpg" alt="评论图片" class="img">
                            </li>
                            <li class="my-list">
                                <img src="./asset/car_customer/images/data/shop.jpg" alt="评论图片" class="img">
                            </li>
                            <li class="my-list">
                                <img src="./asset/car_customer/images/data/shop1.jpg" alt="评论图片" class="img">
                            </li>
                            <li class="my-list">
                                <img src="./asset/car_customer/images/data/shop.jpg" alt="评论图片" class="img">
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="weui-flex my-item bg-white border-1px-f5">
                    <div class="fs-12 color-ccc time">9月20日</div>
                    <div class="avatar">
                        <img src="./asset/car_customer/images/icon/i_avatar_default.png" alt="头像" class="img">
                    </div>
                    <div class="weui-flex__item detail">
                        <h2 class="fs-14 color-333">名字撒</h2>
                        <div>
                            <span class="color-999 fs-12">打分</span>
                            <div class="star ver-top inline-block">
                                <span><i class="icon ion-ios-star"></i></span>
                                <span><i class="icon ion-ios-star"></i></span>
                                <span><i class="icon ion-ios-star"></i></span>
                                <span><i class="icon ion-ios-star-half"></i></span>
                                <span class="fs-12 color-666 color-star">4.2分</span>
                            </div>
                        </div>
                        <p class="fs-14 color-333 txt">服务很好，车洗的很干净。不错的洗车选择！下次还来这里。</p>
                        <ul ng-if="" class="img-list">
                            <li class="my-list">
                                <img src="./asset/car_customer/images/data/shop1.jpg" alt="评论图片" class="img">
                            </li>
                            <li class="my-list">
                                <img src="./asset/car_customer/images/data/shop.jpg" alt="评论图片" class="img">
                            </li>
                        </ul>
                    </div>
                </div>
                <a class="block text-center color-base fs-12 more" href="">查看全部(123条)评价&nbsp;<i
                        class="icon ion-ios-arrow-right fs-16"></i><i class="icon ion-ios-arrow-right fs-16"></i></a>
            </div>
        </div>
    </ion-content>
    <ion-footer-bar align-title="left" class="my-footer-bar">
        <a class="btn bg-white color-333 fs-16 text-center btn-l" href="">联系商家</a>
        <a ui-sref="shop.book" class="btn bg-base color-white fs-16 text-center btn-r">预约到店</a>
    </ion-footer-bar>
</ion-view>
